<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 
    路由的配置是一个数组，数组中包含了每个路由的配置对象
    const routes = [
      {
        path: '路由路径',
        component: 组件名  // 这个组件未来会显示在router-view中（访问对应路由是）
      }
    ]


    想要配置路由
    1 创建路由组件配置对象(其实就是组件配置对象)
    2 创建路由配置
      routes
    3 创建router实例, 并且传入routes
      const router = new VueRouter({
        routes
      })
    4 将router实例放入vue实例配置中
      new Vue({
        router
      })
    5 在对应需要显示内容的位置上添加<router-view></router-view>
    
  -->
</body>
</html>